﻿<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人信息</title>
    <base href="/">

    <link rel="shortcut icon" th:href="@{assets/media/image/favicon.png}"/>
    <link rel="stylesheet" th:href="@{vendors/bundle.css}" type="text/css">
    <link rel="stylesheet" th:href="@{vendors/datepicker/daterangepicker.css}">
    <link rel="stylesheet" th:href="@{vendors/vmap/jqvmap.min.css}">
    <link rel="stylesheet" th:href="@{assets/css/app.css}" type="text/css">
    <!--弹窗CSS-->
    <link rel="stylesheet" th:href="@{assets/css/modal.css}" type="text/css">
</head>
<body class="container">

<div class="preloader">
    <div class="preloader-icon"></div>
</div>
<!--引入公共头部页面-->
<div th:replace="~{commons/header :: header}"></div>

<div id="main">

    <!--引入公共导航栏页面-->
    <div th:replace="~{commons/navigation :: navigation}"></div>

    <div class="main-content">
        <div class="row">
            <div class="col-md-10 card" style="margin-left: 15px">
                <div class="row" style="border-bottom: 1px solid #71a4ff; margin: 20px 25px 20px 0; position: relative">
                    <img src="image/profile.png"><span style="line-height: 24px">个人信息</span><a th:if="${user.role==0}" th:href="@{/user/info_modify(userId=${user.id})}" style="line-height: 24px;position: absolute;right: 0">编辑资料</a>
                </div>
                <form onsubmit="return false" id="userInfoModify" action="/user/info_modify" method="post" style="margin-top: 30px;margin-bottom: 50px;font-size: 115%">
                    <div class="form-group row">
                        <label class="col-sm-5 col-form-label text-right">姓名：</label>
                        <div>
                            <label th:text="${user.name}" class="col-form-label">管理员</label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-5 col-form-label text-right">用户名：</label>
                        <div>
                            <label th:text="${user.username}" class="col-form-label">liuhuangshu123</label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-5 col-form-label text-right">角色：</label>
                        <div>
                            <label th:if="${user.role==0}" class="col-form-label">分公司管理员</label>
                            <label th:if="${user.role==1}" class="col-form-label">燃料业务人员</label>
                            <label th:if="${user.role==2}" class="col-form-label">监察人员</label>
                            <label th:if="${user.role==3}" class="col-form-label">管理人员</label>
                            <label th:if="${user.role==4}" class="col-form-label">公告通知发布人员</label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-5 col-form-label text-right">联系电话：</label>
                        <div>
                            <label th:text="${user.phone}" class="col-form-label">13888888888</label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-5 col-form-label text-right">联系地址：</label>
                        <div>
                            <label th:text="${user.addr}" class="col-form-label">北京市海淀区四环中路4号</label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-5 col-form-label text-right">电子邮件：</label>
                        <div>
                            <label th:text="${user.email}" class="col-form-label">libai@163.com</label>
                        </div>
                    </div>
                    <br>
                    <div class="form-group row">
                        <div class="col-sm-5 text-right">
                            <a href="/user/self_password_modify" id="button" type="button" class="btn btn-primary"  style="border-radius: .30em;">修改密码</a>
                        </div>
                        <div class="col-sm-3 text-right">
<!--                            <a th:href="${#request.getHeader('Referer')}" type="submit" class="btn btn-gradient-dark"  style="border-radius: .30em;">&nbsp;返&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;回&nbsp;</a>-->
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div th:replace="~{commons/footer :: footer}"></div>
    </div>
</div>

<!--引入公共的JavaScript脚本-->
<div th:include="~{commons/scripts :: scripts}"></div>
<script src="assets/js/app.js"></script>
<script src="assets/js/modal.js"></script>

</body>

</html>